<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    
  </style>
</head>
<body>
  <h1>标题</h1>
</body>
<script>

  var obj = {
    name:"obj",
    fn:function(){
      console.log(this);
    }
  }
  // fn的隶属对象为obj，且当前fn被obj执行了，fn内的this指向obj
  obj.fn();
  
  
  
  var obj2 = {
    name:"obj2",
    fun: obj.fn
  }
  // fun的隶属对象为obj2，且当前fun被obj2执行了，fun内的this指向obj2
  // （不管obj2的fun函数从哪来，只要是被obj2执行，fun内的this都指向obj2）
  obj2.fun();


  // 事件处理函数内，如果有this，甭管这个事件处理函数从哪来，只要是被事件触发后执行，this都指向绑定事件的元素对象
  document.onclick = obj2.fun;

  


  

  
  
  
</script>
</html>